import store from '@/store'

export default {
  inserted(el, binding, vnode) {
    const { value } = binding
    // 所有权限
    const all_permission = '*:*:*'
    // store.getters.permissions 获取保存在Vuex中的当前登录用户所拥有的权限列表
    const permissions = store.getters && store.getters.permis
    // value instanceof Array 判断当前value是否属于数组类型
    if (value && value instanceof Array && value.length > 0) {
      const permissionFlag = value
      const hasPermissions = permissions.some(permission => {
        // includes包含
        return all_permission === permission || permissionFlag.includes(permission)
      })
      if (!hasPermissions) {
        // el.parentNode 得到当前元素的父级节点
        // removeChild删除指定的子节点
        // el.parentNode.removeChild(el) 从el的父节点中删除el这个子节点
        el.parentNode && el.parentNode.removeChild(el)
      } else {
        // throw new Error(`请设置操作权限标签值`)
      }
    }
  }
}
